<!-- 天猫达播品项报表 -->
<template>
  <div class="mainTable">
    <BaseTable :query="query" :tableItems="tableItems" :updateItems="updateItems" :optionList="optionList"
      :methodParam="methodParam" :Btn="Btn" menuName="logRecord" pageName="mainTable" :imgUrlPrefix="imgUrlPrefix" />
  </div>
</template>
<script>
import dayjs from "dayjs"
import BaseTable from "../../table/baseTable.vue";
export default {
  name: "tmdbpxbb",
  data() {
    return {
      imgUrlPrefix: GlobalSetting.imgUrlPrefix,
      //后端人员修改-S
      //查询参数
      query: [
        // { prop: "targetLiver", type: "input", placeholder: "请输入", value: "", name: "达人" },
        {
          prop: "searchTime", type: "time", placeholder: "",
          // value: GlobalSetting.fakeTime ?? [dayjs(new Date()).add(-1, 'days').format("YYYY-MM-DD"), dayjs(new Date()).format("YYYY-MM-DD")],
          value: [dayjs(new Date()).add(-15, 'days').format("YYYY-MM-DD"), dayjs(new Date()).add(-1, "day").format("YYYY-MM-DD")],
          name: "查询时间",
          format: 'yyyy-MM-dd',
          valueFormat: 'yyyy-MM-dd'
        },
      ],
      //表格表头
      tableItems: [

        { name: "数据统计时间", prop: "数据统计时间", align: "left" ,width:"120px"},
        // { name: "数据生成时间", prop: "数据生成时间", align: "left" },
        { name: "开播时间", prop: "开播时间", align: "left" ,width:"200px"},
        { name: "主播昵称", prop: "主播昵称", align: "left" },
        { name: "直播名称", prop: "直播名称", align: "left" ,width:"200px"},
        { name: "场次ID", prop: "场次ID", align: "left" ,width:"150px"},
        { name: "商品ID", prop: "商品ID", align: "left" ,width:"150px"},
        { name: "商品标题", prop: "商品标题", align: "left",width:"250px" },
        { name: "商品主图", prop: "商品主图", type: "img", align: "left" },
        { name: "商品点击人数", prop: "商品点击人数" },
        { name: "商品点击次数", prop: "商品点击次数" },
        { name: "商品加购人数", prop: "商品加购人数"},
        { name: "商品加购件数", prop: "商品加购件数" },
        { name: "种草成交金额", prop: "种草成交金额" },
        { name: "种草成交人数", prop: "种草成交人数"},
        { name: "种草成交件数", prop: "种草成交件数" },
        { name: "种草成交笔数", prop: "种草成交笔数" },
        { name: "69码", prop: "69码", align: "left" ,width:"160px"},
        { name: "费用备注", prop: "费用备注", align: "left" },
        { name: "服务费（含税）", prop: "服务费（含税）" },
        { name: "直播机制", prop: "直播机制", align: "left" },
        { name: "直播佣金比例", prop: "直播佣金比例" },
        { name: "直播价格", prop: "直播价格" },
        { name: "佣金额", prop: "佣金额" },
        { name: "费用合计", prop: "费用合计" },
        { name: "费比", prop: "费比" },
        { name: "投资回报率", prop: "投资回报率" }

      ],
      //增删查改的对象属性
      updateItems: [//edit是回复
        { name: "文件名称", prop: "fileName", type: "input", disabled: true },
        { name: "上传类型", prop: "uploadType", type: "select" },
        { name: "备注", prop: "remark", type: "textarea" },
        { name: "上传文件", prop: "fileAdd", type: "upload" },
      ],
      //增删查改的对象属性的下拉select或者级联cascader
      optionList: {
        unit: [
          { label: "日", value: "日" },
          { label: "周", value: "周" },
          { label: "月", value: "月" },
          { label: "年", value: "年" },
        ]
      },
      //增删查改方法参数
      methodParam: "getLivestreamerGoodsData",
      //自定义btn功能
      Btn: {
        search: true, //查询按钮
        add: false, //添加按钮
        edit: false, //回复按钮
        detail: false, //详情按钮
        delete: false, //删除按钮
        deletes: false, //批量删除按钮
        export: true, //导出按钮
        templateDownload: false, //模板下载按钮
        upload: false, //上传按钮
      },
      //后端人员修改-E
    };
  },
  components: {
    BaseTable
  },
  created() {
    let _this = this

  }
};
</script>
<style scoped lang="less">
.mainTable {
  background-color: #f1f2f9;
}
</style>
  